<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <!-- autocomplete="off" 关闭自动补全 
            readonly 将表单设置为只读，数据会提交
            disabled 将表单设置为禁用，数据不会提交
            autofocus 设置表单项自动获取焦点

        -->
        <input type="text" name="username" autocomplete="off">
        <br><br>
        <input type="text" name="a" value="hello"  readonly>
        <br><br>
        <input type="text" name="b" value="123" disabled >
        <br><br>
        <input type="text" name="c" value="4563" autofocus >
        <br><br>
        <input type="color">
        <br><br>

        <input type="email" >


        <br><br>
        <input type="submit">

        <input type="reset">
        <!-- 普通按钮 -->
        <input type="button" value="按钮">
        <br><br>
        <button type="submit">提交</button>
        <button type="reset">重置</button>
        <button type="button">单纯按钮</button>
    </form>
</body>
</html>